<template>
  <div class="saveName-container">
      <div>
      <input type="text" placeholder="昵称">
      <span>×</span>
      </div>
      <mt-button size="large" type="danger">保存</mt-button>
  </div>
</template>
<script>
    
</script>
<style scoped lang="less">
.saveName-container {
    padding: 60/37.5rem 60/37.5rem 0 60/37.5rem;
    input {
            width: 630/37.5rem;
            height: 92/37.5rem;
            margin-bottom: 36/37.5rem;
            // margin-top: 60/37.5rem;
            border-radius: 10/37.5rem;
            box-shadow: 0 0 2/37.5rem #ebebeb;
            font-size: 28/37.5rem;
            padding-left: 36/37.5rem;
            box-sizing: border-box;
        }
    .mint-button {
        height: 92/37.5rem;
        font-size: 32/37.5rem;
    }
    div {
        position: relative;
        span {
        display: block;
        width: 30/37.5rem;
        height: 30/37.5rem;
        background-color: #888;
        border-radius: 50%;
        color: #fff;
        position: absolute;
        right: 30/37.5rem;
        top: 32/37.5rem;
    }
    }
}
     
</style>
